diff options
Diffstat (limited to 'app/[lng]')
6 files changed, 177 insertions, 161 deletions
diff --git a/app/[lng]/evcp/(evcp)/basic-contract-template/[id]/not-found.tsx b/app/[lng]/evcp/(evcp)/basic-contract-template/[id]/not-found.tsx new file mode 100644 index 00000000..6b09f772 --- /dev/null +++ b/app/[lng]/evcp/(evcp)/basic-contract-template/[id]/not-found.tsx @@ -0,0 +1,25 @@ +// app/evcp/basic-contract-template/[id]/not-found.tsx + +import { Button } from "@/components/ui/button"; +import { ArrowLeft } from "lucide-react"; +import Link from "next/link"; + +export default function NotFound() { + return ( + <div className="container mx-auto py-12"> + <div className="text-center"> + <h1 className="text-2xl font-bold mb-4">템플릿을 찾을 수 없습니다</h1> + <p className="text-muted-foreground mb-6"> + 요청하신 기본계약서 템플릿이 존재하지 않거나 삭제되었습니다. + </p> + <Link href="/evcp/basic-contract-template"> + <Button> + <ArrowLeft className="mr-2 h-4 w-4" /> + 목록으로 돌아가기 + </Button> + </Link> + </div> + </div> + ); + } +
\ No newline at end of file diff --git a/app/[lng]/evcp/(evcp)/basic-contract-template/[id]/page.tsx b/app/[lng]/evcp/(evcp)/basic-contract-template/[id]/page.tsx new file mode 100644 index 00000000..bcf3e1f4 --- /dev/null +++ b/app/[lng]/evcp/(evcp)/basic-contract-template/[id]/page.tsx @@ -0,0 +1,150 @@ +// app/evcp/basic-contract-template/[id]/page.tsx +import * as React from "react" +import { notFound } from "next/navigation" +import { ArrowLeft, FileText, Download, Edit } from "lucide-react" +import Link from "next/link" +import { Metadata } from "next" + +import { Button } from "@/components/ui/button" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Badge } from "@/components/ui/badge" +import { formatDateTime } from "@/lib/utils" +import { getBasicContractTemplateByIdService, refreshTemplatePage } from "@/lib/basic-contract/service" +import { TemplateEditorWrapper } from "@/lib/basic-contract/template/template-editor-wrapper" + +interface BasicContractTemplateDetailPageProps { + params: { + id: string + } +} + +// 메타데이터 생성 +export async function generateMetadata({ + params +}: BasicContractTemplateDetailPageProps): Promise<Metadata> { + const template = await getBasicContractTemplateByIdService(params.id); + + if (!template) { + return { + title: "템플릿을 찾을 수 없음", + description: "요청한 기본계약서 템플릿을 찾을 수 없습니다." + }; + } + + return { + title: `${template.templateName} (v${template.revision}) - 기본계약서 템플릿`, + description: `${template.templateName} 템플릿의 상세 정보 및 편집 페이지입니다.` + }; +} + +export default async function BasicContractTemplateDetailPage({ + params +}: BasicContractTemplateDetailPageProps) { + const template = await getBasicContractTemplateByIdService(params.id); + + if (!template) { + notFound(); + } + + // 페이지 새로고침 서버 액션 + const handleRefresh = async () => { + "use server" + await refreshTemplatePage(params.id); + }; + + return ( + <div className="container mx-auto py-6 space-y-6"> + {/* Header */} + <div className="flex items-center justify-between"> + <div className="flex items-center space-x-4"> + <Link href="/evcp/basic-contract-template"> + <Button variant="outline" size="sm"> + <ArrowLeft className="mr-2 h-4 w-4" /> + 목록으로 + </Button> + </Link> + <div> + <h1 className="text-2xl font-bold flex items-center"> + <FileText className="mr-2 h-6 w-6 text-blue-500" /> + {template.templateName} + <Badge variant="outline" className="ml-2"> + v{template.revision} + </Badge> + </h1> + <p className="text-muted-foreground"> + 기본계약서 템플릿 상세 정보 및 편집 + </p> + </div> + </div> + + <div className="flex items-center space-x-2"> + {/* <DownloadButton + filePath={template.filePath} + fileName={template.fileName} + /> */} + </div> + </div> + + <div className="space-y-4"> + {/* 상단 - 기본 정보만 (최대한 압축) */} + <Card> + <CardHeader className="pb-2"> + <CardTitle className="text-sm">기본 정보</CardTitle> + </CardHeader> + <CardContent className="py-2"> + <div className="flex items-center space-x-6"> + <div className="flex items-center space-x-2"> + <label className="text-xs font-medium text-muted-foreground">상태:</label> + <Badge variant={template.status === "ACTIVE" ? "default" : "secondary"} className="text-xs h-5"> + {template.status === "ACTIVE" ? "활성" : "폐기"} + </Badge> + </div> + + <div className="flex items-center space-x-2"> + <label className="text-xs font-medium text-muted-foreground">버전:</label> + <span className="text-xs font-medium">v{template.revision}</span> + </div> + + <div className="flex items-center space-x-2"> + <label className="text-xs font-medium text-muted-foreground">법무검토:</label> + <Badge variant={template.legalReviewRequired ? "destructive" : "secondary"} className="text-xs h-5"> + {template.legalReviewRequired ? "필요" : "불필요"} + </Badge> + </div> + + <div className="flex items-center space-x-2"> + <label className="text-xs font-medium text-muted-foreground">파일:</label> + <span className="text-xs">{template.fileName}</span> + </div> + </div> + </CardContent> + </Card> + + {/* 하단 - 파일 뷰어 (전체 너비, 높이 증가) */} + <Card className="h-[950px]"> + <CardHeader className="pb-2"> + <div className="flex items-center justify-between"> + <div> + <CardTitle className="text-lg flex items-center"> + <Edit className="mr-2 h-5 w-5 text-blue-500" /> + 템플릿 편집기 + </CardTitle> + <CardDescription className="text-sm"> + Word 문서를 편집하고 {'{{변수}}'} 를 설정할 수 있습니다. + </CardDescription> + </div> + </div> + </CardHeader> + <CardContent className="h-[calc(100%-80px)] p-0"> + <TemplateEditorWrapper + templateId={template.id} + filePath={template.filePath} + fileName={template.fileName} + refreshAction={handleRefresh} + /> + </CardContent> + </Card> + </div> + </div> + ); +}
\ No newline at end of file diff --git a/app/[lng]/evcp/(evcp)/tech-vendor-candidates/page.tsx b/app/[lng]/evcp/(evcp)/tech-vendor-candidates/page.tsx deleted file mode 100644 index 2e45ebd8..00000000 --- a/app/[lng]/evcp/(evcp)/tech-vendor-candidates/page.tsx +++ /dev/null @@ -1,81 +0,0 @@ -import * as React from "react" -import { type SearchParams } from "@/types/table" - -import { getValidFilters } from "@/lib/data-table" -import { Skeleton } from "@/components/ui/skeleton" -import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton" -import { Shell } from "@/components/shell" - -import { getVendorCandidateCounts, getVendorCandidates } from "@/lib/tech-vendor-candidates/service" -import { searchParamsTechCandidateCache } from "@/lib/tech-vendor-candidates/validations" -import { VendorCandidateTable as TechVendorCandidateTable } from "@/lib/tech-vendor-candidates/table/candidates-table" -import { DateRangePicker } from "@/components/date-range-picker" -import { InformationButton } from "@/components/information/information-button" -interface IndexPageProps { - searchParams: Promise<SearchParams> -} - -export default async function IndexPage(props: IndexPageProps) { - const searchParams = await props.searchParams - const search = searchParamsTechCandidateCache.parse(searchParams) - - const validFilters = getValidFilters(search.filters) - - const promises = Promise.all([ - getVendorCandidates({ - ...search, - filters: validFilters, - }), - getVendorCandidateCounts() - ]) - - return ( - <Shell className="gap-2"> - - <div className="flex items-center justify-between space-y-2"> - <div className="flex items-center justify-between space-y-2"> - <div> - <div className="flex items-center gap-2"> - <h2 className="text-2xl font-bold tracking-tight"> - 협력업체 후보 관리 - </h2> - <InformationButton pagePath="evcp/tech-vendor-candidates" /> - </div> - {/* <p className="text-muted-foreground"> - 수집한 협력업체 후보를 등록하고 초대 메일을 송부할 수 있습니다. - </p> */} - </div> - </div> - </div> - - {/* 수집일 라벨과 DateRangePicker를 함께 배치 */} - <div className="flex items-center justify-start gap-2"> - {/* <span className="text-sm font-medium">수집일 기간 설정: </span> */} - <React.Suspense fallback={<Skeleton className="h-7 w-52" />}> - <DateRangePicker - triggerSize="sm" - triggerClassName="w-56 sm:w-60" - align="end" - shallow={false} - showClearButton={true} - placeholder="수집일 날짜 범위를 고르세요" - /> - </React.Suspense> - </div> - - <React.Suspense - fallback={ - <DataTableSkeleton - columnCount={6} - searchableColumnCount={1} - filterableColumnCount={2} - cellWidths={["10rem", "40rem", "12rem", "12rem", "8rem", "8rem"]} - shrinkZero - /> - } - > - <TechVendorCandidateTable promises={promises}/> - </React.Suspense> - </Shell> - ) -}
\ No newline at end of file diff --git a/app/[lng]/evcp/(evcp)/tech-vendors/[id]/info/layout.tsx b/app/[lng]/evcp/(evcp)/tech-vendors/[id]/info/layout.tsx index 291cd630..42fba934 100644 --- a/app/[lng]/evcp/(evcp)/tech-vendors/[id]/info/layout.tsx +++ b/app/[lng]/evcp/(evcp)/tech-vendors/[id]/info/layout.tsx @@ -31,7 +31,7 @@ export default async function SettingsLayout({ // 3) 사이드바 메뉴
const sidebarNavItems = [
{
- title: "연락처",
+ title: "담당자",
href: `/${lng}/evcp/tech-vendors/${id}/info`,
},
{
diff --git a/app/[lng]/evcp/(evcp)/tech-vendors/[id]/info/page.tsx b/app/[lng]/evcp/(evcp)/tech-vendors/[id]/info/page.tsx index 9969a801..f8847981 100644 --- a/app/[lng]/evcp/(evcp)/tech-vendors/[id]/info/page.tsx +++ b/app/[lng]/evcp/(evcp)/tech-vendors/[id]/info/page.tsx @@ -40,7 +40,7 @@ export default async function SettingsAccountPage(props: IndexPageProps) { <div className="space-y-6">
<div>
<h3 className="text-lg font-medium">
- Contacts
+ 담당자
</h3>
<p className="text-sm text-muted-foreground">
업무별 담당자 정보를 확인하세요.
diff --git a/app/[lng]/sales/(sales)/tech-vendor-candidates/page.tsx b/app/[lng]/sales/(sales)/tech-vendor-candidates/page.tsx deleted file mode 100644 index 5a9f150f..00000000 --- a/app/[lng]/sales/(sales)/tech-vendor-candidates/page.tsx +++ /dev/null @@ -1,78 +0,0 @@ -import * as React from "react" -import { type SearchParams } from "@/types/table" - -import { getValidFilters } from "@/lib/data-table" -import { Skeleton } from "@/components/ui/skeleton" -import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton" -import { Shell } from "@/components/shell" - -import { getVendorCandidateCounts, getVendorCandidates } from "@/lib/tech-vendor-candidates/service" -import { searchParamsTechCandidateCache } from "@/lib/tech-vendor-candidates/validations" -import { VendorCandidateTable as TechVendorCandidateTable } from "@/lib/tech-vendor-candidates/table/candidates-table" -import { DateRangePicker } from "@/components/date-range-picker" - -interface IndexPageProps { - searchParams: Promise<SearchParams> -} - -export default async function IndexPage(props: IndexPageProps) { - const searchParams = await props.searchParams - const search = searchParamsTechCandidateCache.parse(searchParams) - - const validFilters = getValidFilters(search.filters) - - const promises = Promise.all([ - getVendorCandidates({ - ...search, - filters: validFilters, - }), - getVendorCandidateCounts() - ]) - - return ( - <Shell className="gap-2"> - - <div className="flex items-center justify-between space-y-2"> - <div className="flex items-center justify-between space-y-2"> - <div> - <h2 className="text-2xl font-bold tracking-tight"> - 발굴업체 등록 관리 - </h2> - {/* <p className="text-muted-foreground"> - 수집한 협력업체 후보를 등록하고 초대 메일을 송부할 수 있습니다. - </p> */} - </div> - </div> - </div> - - {/* 수집일 라벨과 DateRangePicker를 함께 배치 */} - <div className="flex items-center justify-start gap-2"> - {/* <span className="text-sm font-medium">수집일 기간 설정: </span> */} - <React.Suspense fallback={<Skeleton className="h-7 w-52" />}> - <DateRangePicker - triggerSize="sm" - triggerClassName="w-56 sm:w-60" - align="end" - shallow={false} - showClearButton={true} - placeholder="수집일 날짜 범위를 고르세요" - /> - </React.Suspense> - </div> - - <React.Suspense - fallback={ - <DataTableSkeleton - columnCount={6} - searchableColumnCount={1} - filterableColumnCount={2} - cellWidths={["10rem", "40rem", "12rem", "12rem", "8rem", "8rem"]} - shrinkZero - /> - } - > - <TechVendorCandidateTable promises={promises}/> - </React.Suspense> - </Shell> - ) -}
\ No newline at end of file |